<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="joda" uri="http://www.joda.org/joda/time/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<div class="alert alert-success">
    <strong>Dobra robota!</strong> Twój bilans wygląda dobrze w krótkiej i długiej perspektywie!
</div>

<div class="jumbotron" style="position: relative;">
    <span class="pull-right"><joda:format value="${paymentsContext.balanceInfo.balanceDateTime}" style="M-" /> </span>
    <span>
        Obecny stan:
        <fmt:formatNumber currencyCode="PLN" value="${paymentsContext.balanceInfo.currentAssets}" type="currency" />
        (<fmt:formatNumber currencyCode="PLN" value="${paymentsContext.balanceInfo.currentAvailableAssets}" type="currency" />)
    </span>
    <h1>
        Wolne środki: <strong class="btn-${paymentsContext.balanceInfo.balanceOverallState}"><fmt:formatNumber currencyCode="PLN"
                value="${paymentsContext.balanceInfo.balance}" type="currency" /></strong>
    </h1>
    <div style="position: absolute; right: 0px; bottom: 0px;" class="controls">
        <span class="predictionVisualisationTrigger glyphicon glyphicon-signal"></span> <span class="glyphicon glyphicon-plus-sign"></span>
        <span class="glyphicon glyphicon-cog"></span>
    </div>
    <p>
        W najbliższym czasie będziesz miał wiele wydatków, dlatego zalecana jest <strong>wstrzemięźliwość</strong>.
    </p>
</div>